<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="base/plugins/layui-v2.4.3/layui/css/layui.css" media="all" />
	</head>
	<style type="text/css">
		body {
			background: url("images/login_bg.jpg") no-repeat center center fixed;
			background-size: 100% 100%;
		}
		
		#main {
			width: 477px;
			height: 348px;
			margin: 10% auto;
			background-color: rgba(9, 10, 42, 0.407843);
			border-radius: 10px;
			color: aliceblue;
		}
		
		#main h3 {
			text-align: center;
			font-size: 25px;
			padding: 10px;
			border-bottom: 1px solid aliceblue;
		}
		
		.center {
			width: 500px;
			margin-left: 19%;
			margin-top: 30px;
		}
		.center input{
			width: 300px;
		}
		
	</style>

	<body>
		<div id="main">
			<form class="layui-form" action="#" method="post">
				<div>
					<h3>后台登录</h3></div>
				<div class="center">
					<input type="text" class="layui-input"   lay-verify="required" name="account" placeholder="请输入您的账号" />
				</div>
				<div class="center">
					<input type="password" class="layui-input"   lay-verify="required" name="password" placeholder="请输入您的密码" />
				</div>
				<div>
					<div class="center">
						<label class="layui-form-label">记住密码？</label>
						<div class="layui-input-block">
							<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
							
						</div>
						<div class="center">
							 <button lay-submit  class="layui-btn  layui-col-md-offset3 layui-btn-primary">登录</button>
						</div>
					</div>
			</form>
			</div>
			<script src="js/jquery-1.11.3.min.js"></script>
			<script src="base/plugins/layui-v2.4.3/layui/layui.js"></script>
			<script type="text/javascript">
				layui.use(['form'], function() {
					var form = layui.form;
					form.render();
				});
			</script>
	</body>

</html>